<template>
  <div class="complex-component">
    <el-form-item :label="config.label">
      <el-input
          v-model="inputValue"
          :placeholder="config.placeholder"
      ></el-input>
    </el-form-item>
  </div>
</template>

<script setup>
/* eslint-disable */
import { defineProps, ref } from 'vue'

defineProps({
  config: {
    type: Object,
    required: true
  }
})

const inputValue = ref('')

const handleClick = () => {
  console.log('按钮被点击，输入框内容222:', inputValue.value)
}
</script>

<style scoped>
.complex-component {
  display: inline-block;
  min-width: 200px;
}
</style>
